Shopable video
Shoppable video allows you to display products within engaging video content. Each video highlights one or more items and includes direct shopping links, enabling customers to purchase instantly while watching. This section enhances storytelling, boosts engagement, and helps increase conversions. It is fully responsive and adapts seamlessly to different screen sizes.
Section settings
General settings
Section width
3 options for container
Stretch width: span the section width regardless of screen size.
Fixed width: depends on your page content width in Theme settings -> Layout.
Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the scree
Color scheme
Select colors from Theme settings -> Colors
Section header settings
Subheading
The subheading of the section
Heading
The title of the section
Enable heading underline animation
Turn on an animated underline effect for headings. Switch off to keep a static look.
Underline style
Choose the underline’s look. Include:
Include: Simple underline – Clean straight line beneath the text.
Curve stroke: Soft, hand-drawn curved stroke for a casual feel.
Squiggle underline: Wavy line for a lively, attention-grabbing look.
* Note: Only appears when Enable heading underline animation is enabled
Underline color
Pick the color used for the underline. * Note: Only appears when Enable heading underline animation is enabled
Description
The description of the section
Heading size
The size of the title:
Small
Medium
Large
Alignment
The position of the heading and description.
Left
Center
Right
Video settings
Video ratio
Determine the aspect ratio of your video.
Adapt to first video ( Default )
Square ( 1:1 )
Portrait ( 3:4 )
Landscape ( 4:3 )
Video auto play
Enable the autoplay functionality of the video
Enable video sticky
Keep the video visible while scrolling in a small sticky player (pinned to a corner). Turn off to keep the video inline only.
Carousel settings
Items per row on desktop
Number of columns to display on desktop computers. Minimum: 2. Maximum: 4.
Column gap
4 options for column gap
No gap
Small
Medium
Large
Show navigation
Display the next and back controls for the carousel
Show pagination
Display the pagination for the carousel * Note: Pagination will automatically show on mobile if you display the number of items on mobile as 1 or 2
Auto-change slide
When enabled, the carousel will run automatically
Change slides every
The running period of the carousel
Mobile settings
Items per row on mobile
Number of columns to display on mobile devices.
Section padding settings
Top
Customize the top margin of the section
Bottom
Customize the bottom margin of the section
Section divider settings
Show divider
Display a dividing line to separate from the previous section
Block settings
Product
Select a product from your store.
Poster image
Select an image for displaying as a poster
Local video
Select a local video for displaying
Video alt text
This setting is for describing the video for customers using screen readers
Last updated